.tittle{
    font-size: .225rem /* 18/80 */;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-style: italic;
    color: #CCCCCC;
    padding-left:.25rem /* 20/80 */;
    background-image: url('../assets/img/tiitle.png');
    background-repeat: no-repeat;
    background-size: .1625rem /* 13/80 */ .1625rem ;
    background-position: 0 50%;
  }
  .animation_m{
    transition: all 1s linear;
    // transition-property: all; 
    // transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    // transition-duration: 5s;
  }
  .font_text{
    font-family: 'BYfont';
  }

  ._yellow{
    color: #FFC659;
   border: 1px solid #FFC659;
 }
._red{
    color: #E21C1C;
   border: 1px solid #E21C1C;
 }
  
.scroll::-webkit-scrollbar {
  width: 4px; 
  height: 6px;
}

.scroll::-webkit-scrollbar-track{
  background: transparent;
  // border-radius:10px;
}
.scroll::-webkit-scrollbar-thumb{
  background: #4696EF;
  border-radius:.125rem /* 10/80 */;
}
// .scroll::-webkit-scrollbar-thumb:hover{
//   background: #333;
// }
.scroll::-webkit-scrollbar-corner{
  background: #179a16;
}

  .percentage{
    display: flex;
    margin-left: .3125rem /* 25/80 */;
    &>img{
      width: .2125rem /* 17/80 */;
      height: .3375rem /* 27/80 */;
    }
    &>span{
      font-size: .25rem /* 20/80 */;
      font-family: BY-Forvi-[C]3.00;
      color: #FFFFFF;
    }
  }
// 时间选择器
  .select{
    display: flex;
    justify-content: flex-end;
    margin: .125rem /* 10/80 */  0; 
    // padding-right: .35rem /* 28/80 */;
    .dropDown{
      margin-left: 0.375rem;
    }
  }

  // 滑块开关按钮
.sliderBtn {
  position: relative;
  min-width: .6rem /* 48/80 */;
  height: .3rem /* 24/80 */;
  border: 1px solid #556E8F;
  border-radius: .25rem /* 20/80 */;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  overflow: hidden;

  &::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: .175rem /* 14/80 */;
  }

  &::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .25rem /* 20/80 */;
    width: .225rem /* 18/80 */;
    height: .225rem /* 18/80 */;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 4px #000;
    transition: all 0.1s ease-in;
  }

  &.open {
    background: #4396F3;
    font-family: 'Microsoft YaHei';
    &::before {
      left: .3125rem /* 25/80 */;
    }

    &::after {
      content: '开';
      font-family: 'Microsoft YaHei';
      color: #fff;
     
      left: .0625rem /* 5/80 */;
    }
  }

  &.close {
    background: #0e2535;
    font-family: 'Microsoft YaHei';
    // box-shadow: inset 0px 0px 5px 5px rgba(20, 52, 73, 0.871);

    &::before {
      left: .0375rem /* 3/80 */;
    }

    &::after {
      content: '关';
      font-family: 'Microsoft YaHei';
      color: #fff;
      left: .3125rem /* 25/80 */;
    }
  }
}

.sliderBtn2 {
  position: relative;
  width: .7375rem /* 59/80 */;
  height: .25rem /* 20/80 */;
  border: 1px solid #556E8F;
  border-radius: .25rem /* 20/80 */;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;

  &::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: .175rem /* 14/80 */;
  }

  &::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .375rem /* 30/80 */;
    width: .225rem /* 18/80 */;
    height: .225rem /* 18/80 */;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 4px #000;
    transition: all 0.1s ease-in;
  }

  &.open {
    background: #4396F3;

    &::before {
      left: .525rem /* 42/80 */;
    }

    &::after {
      content: '生效';
      color: #fff;
      left: .0875rem /* 7/80 */;
    }
  }

  &.close {
    background: #0e2535;
 
    // box-shadow: inset 0px 0px 5px 5px rgba(20, 52, 73, 0.871);

    &::before {
      left: 0/* 7/80 */ /* 3/80 */;
    }

    &::after {
      content: '失效';
      color: #fff;
      left: .3125rem /* 25/80 */;
    }
  }
}
.sliderBtn4 {
  position: relative;
  width: 1rem /* 80/80 */;
  height: .325rem /* 26/80 */;
  line-height: .3rem /* 24/80 */;
  border-radius: .15rem /* 12/80 *//* 12/80 */;
  cursor: pointer;
  border: 1px solid #4396F3;
  font-size: .175rem /* 14/80 */;

  &::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  &::before {
    content: '';
    position: absolute;
    top: 50%;
    color: #0e2d43;
    transform: translateY(-50%);
    left: .25rem /* 20/80 */;
    width: 0px;
    height: 100%;
    border-radius: .15rem /* 12/80 */;
    text-align: center;
    background: #4396F3;
    transition: all 0.1s ease-in;
  }

  &.open {
    &::before {
      content: '手动';
      height: 100%;
      width: 55%;
      left: -1px;
      color: #fff;
      height: .325rem /* 26/80 */;
    }

    &::after {
      content: '自动';
      color: #4396F3;
      left: 55%;
    }
  }

  &.close {
    &::before {
      content: '自动';
      width: 55%;
      left: 46%;
      color: #fff;
      height: .325rem /* 26/80 */;


      // border-radius: 0 12px 12px 0;
    }

    &::after {
      content: '手动';
      color: #4396F3;
      left: .0875rem /* 7/80 */;
    }

  }
}

// 选择日期按钮
.btn {
  & > ul {
    display: flex;
    margin-top: 0.25rem /* 20/80 */;
    justify-content: flex-end;
    // position: absolute;
    // right: 0;
    // top: 0;
    & > li {
      width: 0.75rem /* 60/80 */ /* 76/80 */;
      margin-right: 0.0625rem /* 5/80 */;
      height: 0.325rem /* 26/80 */;
      background-color: rgba(35, 61, 89, 0.5);
      border: 1px solid transparent;
      border-radius: 0.05rem /* 4/80 */ /* 13/80 */;
      font-size: 0.175rem /* 14/80 */;
      color: #fff;
      text-align: center;
      line-height: 0.325rem;
    }
    .active {
      // color: #4396f3;
      border: 1px solid #4396f3;
    }
  }
}
// 下拉框
.select_i {
  // float: right;
  display: flex;
  justify-content: flex-end;

  select {
    width: 0.8rem /* 64/80 */;
    height: 0.3625rem /* 29/80 */;
    padding: 0.0625rem /* 5/80 */;
    margin-right: 0.225rem /* 18/80 */;
    border-radius: 0.05rem /* 4/80 */;
    background-color: rgba(35, 61, 89, 0.6);
    color: #fff;
    border: none;
  }
  select:focus {
    outline: none;
  }
}
// 输入框样式
.inputNumber {
  width: .375rem /* 30/80 */;
  color: #4396F3;
  background-color: transparent;
  padding: 1px 2px;
  border-style: none;
  border-bottom: 1px solid #fff;
  outline: none;
  text-align: center;

  &::placeholder {
    color: #4396F3;
  }
}

// 数字累加
.count{
  display: flex;
  font-size: .175rem /* 14/80 */;
  align-items: center;
  .num{
    font-size: .25rem /* 20/80 */;
    font-family: 'BYfont';
    margin: 0 .1rem /* 8/80 */;

  }
}

.inputNumber::-webkit-outer-spin-button,
.inputNumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.inputNumber[type="number"] {
  -moz-appearance: textfield;
}
.disable {
  cursor: not-allowed;
  pointer-events: none;
}
// 全局message
.el-message {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  font-size: 18px !important;
  min-width: 100px;
  max-width: 800px;
  min-height: 100px;
  background-size: 100% 100%;
  border: 1px solid #ffffffb6;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.361);
  background: rgba(29, 56, 84, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 10px;
  // border: 1px solid #ffffffb6;
  // border-color: rgba(41, 57, 76, 0.85);
  // background: rgba(41, 57, 76, 0.85);
  // border-image-source: url("../assets/img/message_bg.png");
  // border-image-slice: 25 25 25 25;
  // border-image-width: 25px 25px 25px 25px;
  // border-image-outset: 25px 25px 25px 25px;
  // border-image-repeat: repeat;
  // box-shadow: unset;
  // border-radius: 0px;
  padding: 20px 48px !important;
  z-index: 99;

  .el-message__content {
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      line-height: 2;
  }

  .el-icon-close {
      color: #fff;
  }
  .el-message__icon{
    font-size:.375rem /* 30/80 *//* 20/80 */;
  }
  .el-icon-success{
    color: #4396F3
  }
}
.toGrey {
  // filter: brightness(100%);
  // background-color: red !important;
  filter: grayscale(100%);
  opacity: .6;
  
}
.disabled{
  pointer-events: none;
}

@import './gl.less';
@font-face {
  font-family: 'BYfont';
  src: url('../assets/font/Impact.ttf');
  font-weight: normal;
  font-style: normal;
}


